<template>
    <div>
      <!-- <VueEasyTree
        ref="veTree"
        node-key="id"
        show-checkbox
        :data="treeData"
        :props="props"
        :height="true ? 'calc(100vh - 20px)' : 'calc(100vh - 20px)'"
      ></VueEasyTree> -->
      <div class="helloworld">
        你好世界
        <HelloWorld :treeCount="23"></HelloWorld>
      </div>
    </div>
</template>
  
<script>
// import VueEasyTree from "@wchbrad/vue-easy-tree";
import HelloWorld from "@/components/HelloWorld.vue";
import "@wchbrad/vue-easy-tree/src/assets/index.scss"
export default {
  name: 'login-Index',
  data() {
    return {
      props: {
        label: "name",
        children: "children"
      },
      treeData:[]
    }
  },
  created() {
    const data = [],
      root = 8,
      children = 3,
      base = 1000;
    for (let i = 0; i < root; i++) {
      data.push({
        id: `${i}`,
        name: `test-${i}`,
        children: []
      });
      for (let j = 0; j < children; j++) {
        data[i].children.push({
          id: `${i}-${j}`,
          name: `test-${i}-${j}`,
          children: []
        });
        for (let k = 0; k < base; k++) {
          data[i].children[j].children.push({
            id: `${i}-${j}-${k}`,
            name: `test-${i}-${j}-${k}`
          });
        }
      }
    }
    this.treeData = data;
    // console.log(this.treeData, 'treeData');
  },
  components: {
    // VueEasyTree,
    HelloWorld
  }
}
</script>
  
<style>
</style>
  